<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name=renderer content=webkit>
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <!-- nw核心框架 -->

    <script src="js/kg.js"></script>
    <script src="../../nwqd.js"></script>
    <script src="js/jt.js"></script>


</head>
<script>
    function _xt_nw_qd0() {
        let rq = nw.cj('rq');
        let ez = nw.cj('ez');

        rq.ys.xgNYS({ g: '200px', k: '400px', wz: 'relative', bk: 'solid 1px red' });
        ez.ys.xgNYS({ g: '400px', k: '800px', wz: 'absolute', bk: 'solid 1px red', bj_ys: 'red' })
    }

    //键盘的事件方法：'_0403_jp_ax', '_0403_jp_sk', '_0403_jp_az'
    //鼠标的事件方法：'_0403_sb_ax', '_0403_sb_sk', '_0403_sb_dj', '_0403_sb_sj', '_0403_sb_yj', '_0403_sb_jr', '_0403_sb_lk'
    //  值的事件方法：'_0403_z_gb', '_0403_z_sr'
    //滚动条事件方法： _0403_gdt_gd
    //触摸的事件方法：'_0403_cm_ks', '_0403_cm_yd', '_0403_cm_js'

    function _xt_nw_qd1() {

        let Wo_jt = {

            danjics: 0,
            danjics_input_1: 0,
            _jd: 'rq',
            cmCS: new NW02_jt_cmCS(),//框架提供的一个【移动触摸事件分析，辅助类。方法用户快速得到手指在屏幕的地点】。

            //移动事件-----------↓-------------
            _0403_cm_ks: function (jd, e) {
                this.cmCS.ks(e);//辅助类。必须
                this.dy(jd, '触摸', e)
            },
            _0403_cm_yd: function (jd, e) {
                this.cmCS.yd(e);//辅助类。必须
                let _fx;
                switch (this.cmCS.fx) {
                    case 's': _fx = '上'; break;
                    case 'x': _fx = '下'; break;
                    case 'z': _fx = '左'; break;
                    case 'y': _fx = '右';
                }
                this.dy(jd, 'x距离=' + this.cmCS.jl_x + '，y距离=' + this.cmCS.jl_y + '<br>fx0=' + this.cmCS.fx0 + '，实时方向=' + _fx, e)
            },
            _0403_cm_js: function (jd, e) {
                this.cmCS.js(e);//辅助类。必须
                this.dy(jd, '结束', e)
            },
            //移动事件-----------↑-------------

            _0403_sb_dj: function (jd, e) {
                this.dy(jd, '第' + (this.danjics++) + '次单击', e)
            },

            _0403_sb_lk: function (jd, e) {
                this.dy(jd, '鼠标-移出', e)
            },

            _0403_sb_jr: function (jd, e) {
                this.dy(jd, '鼠标-移进', e)
            },

            _0403_gdt_gd: function (jd, e) {
                this.dy(jd, '第滚动-', e)
            },

            //不使用公共的 节点id；而是在指定方法名后面，通过 【下划线+节点id的方式 】附上要监听的节点。比如： _rq
            _0403_sb_yj_rq: function (jd, e) {
                this.dy(jd, '右击', e)
            },

            _0403_sb_dj_input_1: function (jd, e) {
                this.dy(jd, '第' + (this.danjics_input_1++) + '次单击', e)
            },

            _0403_z_gb_input_1: function (jd, e) {
                this.dy(jd, '值改变事件', e)
            },

            _0403_z_sr_input_1: function (jd, e) {
                this.dy(jd, '值输入事件' + jd.z.zhi(), e)
            },

            //没有指定id，表示监听 _jd 的值（节点id）节点。即，监听 rq节点
            _0403_jp_ax: function (jd, e) {
                this.dy(jd, '键盘按下' + e.key, e)
            },

            _0403_ck_gb: function () {
                console.log('窗口变化了1');
            },

            dy: function (jd, xx, e) {
                nw.cj('xx').jd.xgNR_html(jd.jd.hqJD_fh() + '<br>' + xx)
            }
        }

        //放入引擎
        nw.yq.jt.jt(Wo_jt)
    }



</script>
<style>
    #xxzs {
        border: green 1px solid;
        height: 110px;
        font-size: 12px;
    }
</style>

<body>
    <input id="input_1">
    <div id="rq" style="width:400px; overflow: auto;">
        <div id="ez" style="display: none; width: 500px;">子节点</div>
    </div>
    <div id="xx" style="position: relative; height: 120px; margin-top: 10px; border: solid 1px blue;">
    </div>
</body>

</html>